html,body{
  overflow: hidden;
}
.App {
  width: 100%;
  height: 100vh;
  background-color: #fff;

  .container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .box {
      flex: 1;
      overflow: hidden;
    }

    .footer {
      height: .5rem;
      width: 100%;
      background-color: #fff;
      display: flex;
      .nav{
        flex: 1;
        display: flex;
        flex-direction: column;
        text-align: center;
        font-size: 0.16rem;
        justify-content: space-around;
        
        .nav-item{
          color: #ccc;
          display: flex;
          flex-direction: column;
          
          .iconfont{
            font-size: 0.25rem;
          }
        }
        

        span{
          flex: 1;
          font-size: 0.17rem;
          
        }
      }

    }
  }
}

.issuefont{
  font-size: 0.6rem !important;
  margin-top: -0.2rem;
  color: #EB585B !important;
  z-index: 999;
}
.active{
  color:#EB585B !important;
}

